<template>
  <view class="ui-title">
    {{ title }}
  </view>
</template>

<script lang="ts" setup>
// #region Props
defineProps<{ title: string }>()
// #endregion
// #region Emits
// #endregion
// #region Hooks
// #endregion
// #region Computed
// #endregion
// #region Watch
// #endregion
// #region Event
// #endregion
// #region Function
// #endregion
// #region Life Cycle
// #endregion
// #region Expose
// #endregion
</script>

<style>
.ui-title {
  color: var(--main-color);
  font-weight: 600;
  font-size: 20px;
}
</style>
